<template>
  <div class="addAddr-wrapper">
    <group>
      <x-input title=" 收货人：" v-model="name" placeholder="请填写收货人"></x-input>
      <x-input title="  电话：" v-model="phone" :max="13" placeholder="请填写电话号码"></x-input>
      <cell style="border-bottom:.01rem solid #f9f9f9" title="地址：" is-link ><span class="add-addr-area" >请选择省市区</span></cell>
      <span class="addr-detail-title">详细地址：</span><textarea placeholder="请填写详细收货地址" rows="5"></textarea>
    </group>
    <confirmBtn  content="保存"></confirmbtn>
  </div>
</template>

<script>
import { XInput,Group,Cell } from 'vux';
import confirmBtn from '@/components/common/confirmButton'
export default {
  data(){
    return{
      
    }
  },
  components:{
    XInput,
    Group,
    Cell,
    confirmBtn,
  }
}
</script>

<style lang="less">
body,html{
  width:100%;
  background: #F7F7F7;
}
  .addAddr-wrapper{
    width:100%;
    margin-bottom:1.5rem;
    textarea{
    width:5.4rem;
    padding:  .37rem 0rem 0rem .28rem ;
    border-bottom: 0;
    
  }
  }
  input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    font-size:.28rem;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(153,153,153,1);
  } 
  .weui-label,.weui-input,.vux-label,.addr-detail-title,textarea{
    font-size:.28rem !important;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:#333333 !important;
  }
  .add-addr-area{
    right: 3.36rem;
    font-size: .28rem;
    color:#999999;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    position: relative;
    text-align: left;
  }
  .container{
    position: fixed;
    bottom:.3rem;
  }
  .addr-detail-title{
    vertical-align: top;
    margin-left: .24rem;
    margin-top: .37rem;
  }
  .weui-cell{
    height:.8rem;
  }
  .confirm-container{
    position: fixed;
    left:.3rem;
    bottom:.3rem;
    .confirm{
      opacity: .6;
    }
  }
  
  
</style>
<template>
  <div class="addAddr-wrapper">
    <group>
      <x-input title="收货人：" v-model="user.contactName" placeholder="请填写收货人"></x-input>
      <x-input title="电话：" v-model="user.telNumber" :max="13" placeholder="请填写电话号码"></x-input>
      <cell style="border-bottom:.01rem solid #f9f9f9" title="地址：" is-link ><span class="add-addr-area" >请选择省市区</span></cell>
      <span class="addr-detail-title">详细地址：</span><textarea placeholder="请填写详细收货地址" rows="5"></textarea>
    </group>
    <confirmBtn  content="保存"></confirmbtn>
  </div>
</template>

<script>
import { XInput,Group,Cell } from 'vux';
import confirmBtn from '@/components/common/confirmButton'
import CONSTANT from "../../../wechat/static/constant/urlconstant";
import common from "../../../wechat/static/common/common";
export default {
  data(){
    return{
      
    }
  },
  components:{
    XInput,
    Group,
    Cell,
    confirmBtn,
  },
  mounted(){
    
  },
  methods:{
    getList() {
      let param = {
        pageIndex: 1,
        pageSize: 1000
      };
      let url = CONSTANT.LIST.ADDRESSLIST;
      common.post(url, param, res => {
        if (res.code == 200) {
          this.commentArr = res.data.bussData;
          this.commentCount = res.data.pageCount ? res.data.pageCount : 0;
        }
      });
    },
  }
}
</script>

<style lang="less">
body,html{
  width:100%;
  background: #F7F7F7;
}
  .addAddr-wrapper{
    width:100%;
    margin-bottom:1.5rem;
    textarea{
    width:5.4rem;
    padding:  .37rem 0rem 0rem .28rem ;
    border-bottom: 0;
    
  }
  }
  input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    font-size:.28rem;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(153,153,153,1);
  } 
  .weui-label,.weui-input,.vux-label,.addr-detail-title,textarea{
    font-size:.28rem !important;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:#333333 !important;
  }
  .add-addr-area{
    right: 3.36rem;
    font-size: .28rem;
    color:#999999;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    position: relative;
    text-align: left;
  }
  .container{
    position: fixed;
    bottom:.3rem;
  }
  .addr-detail-title{
    vertical-align: top;
    margin-left: .24rem;
    margin-top: .37rem;
  }
  .weui-cell{
    height:.8rem;
  }
  .confirm-container{
    position: fixed;
    left:.3rem;
    bottom:.3rem;
    .confirm{
      opacity: .6;
    }
  }
  
  
</style>
